@charset "utf-8";

/*

Theme Name: responsive_168

Theme URI: http://c-tpl.com/

Description: responsive_168

Version: 1.0

Author: Cloud template

Author URI: http://c-tpl.com/

Tags: simple



	Cloud template v1.0

	 http://c-tpl.com/



	This theme was designed and built by Cloud template,

	whose blog you will find at http://c-tpl.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/* =Reset default browser CSS.

Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}

:focus {outline: 0;}



ol, ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}

caption, th, td {font-weight: normal;text-align: left;}

blockquote:before, blockquote:after,q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

a img {border: 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



body{

font:80%/1.5 "メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;

color:#252525;

-webkit-text-size-adjust: none;

background:#fff;

}





/* リンク設定

------------------------------------------------------------*/

a{

margin:0;

padding:0;

text-decoration:none;

outline:0;

vertical-align:baseline;

background:transparent;

font-size:100%;

color:#4767A9;

}



a:hover, a:active{

-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;

outline: none;

color:#9FB0D3;

}





/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}

nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}





/* フォーム

------------------------------------------------------------*/

input[type="text"], textarea{

vertical-align:middle;

max-width:90%;

line-height:30px;

height:30px;

padding:1px 5px;

border:1px solid #d4d4d7;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

font-size:100%;

color:#555;

background:#fcfcfc;

}



textarea{

height:auto;

line-height:1.5;

}



input[type="submit"],input[type="reset"],input[type="button"]{

padding:3px 10px;

background: #578fbd;

border:0;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

line-height:1.5;

font-size:100%;

color:#fff;

}



input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{

background: #6fa5d4;

}



*:first-child+html input[type="submit"]{padding:3px;}





/* レイアウト

------------------------------------------------------------*/

#wrapper, .inner{

margin:0 auto;

width:960px;

}



#header{

overflow:hidden;

background:#fff;

}



#content{

float:left;

width:710px;

padding:30px 0;

}



#sidebar{

float:right;

width:225px;

padding:30px 0;

}

#sidebar a:hover img {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

#footer{

clear:both;

padding-top:20px;

background:#ededed;

} 





/* ヘッダー

*****************************************************/

#header .bg{background:#578fbd;}





/* サイト説明文 + 住所

----------------------------------*/

#header h1,#header p{

float:left;

padding:3px 0;

color: #fff;

font-size:80%;

font-weight:normal;

}



#header p{

float:right;

}





/* ロゴ (サイトタイトル)

----------------------------------*/

#header h2{

clear:both;

float:left;

padding:30px 0;

color: #515151;

font-size:160%;

font-weight:bold;

}



/* サブナビゲーション

----------------------------------*/

#header ul{

padding-top:40px;

float:right;

}



#header ul li{

display:inline;

margin-left:10px;

font-size:90%;

}



#header ul li a{

padding-left:10px;

color:#000;

background:url(images/arrowSub.png) no-repeat 0 50%;

}



#header ul li a:hover{background-position:3px 50%;}





/* トップページ　メイン画像

----------------------------------*/

#mainImg{

clear:both;

margin-top:25px;

line-height:0;

text-align:center;

z-index:0;

position:relative;

}



.post{

margin:0 0 20px 0;

padding:10px;

border:1px solid #dadada;

background: #fff;

}
.post a:hover img{
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

a:hover.hover {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/* タイポグラフィ

*****************************************************/

h2.title{

clear:both;

margin:30px 0 0;

padding:7px 10px;

font-size:110%;

border:1px solid #dadada;

border-bottom:0;

background:#fff url(images/border.png) repeat-x 0 100%;

}



h2.first{margin-top:0;}



.dateLabel{

margin:0 0 10px;

text-align:right;

font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;

}



.post p{padding-bottom:15px;}



.post ul{margin: 0 0 10px 10px;}



.post ul li{

margin-bottom:5px;

padding-left:15px;

background:url(images/bullet.png) no-repeat 0 8px;

}



.post ol{margin: 0 0 10px 30px;}



.post ol li{list-style:decimal;}



.post h1{

margin:20px 0;

padding:5px 0;

font-size:150%;

color: #000;

border-bottom:3px solid #000;

}



.post h2{

margin:10px 0;

padding-bottom:2px;

font-size:130%;

font-weight:normal;

color: #333;

border-bottom:2px solid #515151;

}

.post h2.stella{
	font-size: 130%;
background:url(img/stella_titbg.jpg) repeat-x;
height: 37px;
margin: 0 auto;
padding: 3px 0 0 10px;
color: #fff;
border: none;
}
.post h2.stella span {
	text-align: right;
	font-size: 70%;
	padding-top: 5px;
	padding-right:10px;
	float: right;
}
div.banq_area {
	max-width:580px; width: 100%; overflow:hidden; padding: 10px 10px 30px 10px;
}
div.banq_pic {
	width:200px; float:left;
}
div.banq_txt {
	float:right;
}
@media only screen and (max-width: 600px){
	div.banq_pic,
	div.banq_txt {
		float:none;
		margin:0 auto;
	}
}

@media only screen and (max-width: 420px){
	.post h2.stella span {
	color:#57A0C3;
	}
}


.post h3{

margin:10px 0;

font-size:120%;

font-weight:normal;

color:#578fbd;

border-bottom:1px solid #515151;

}



.post blockquote {

clear:both;

padding:10px 0 10px 15px;

margin:10px 0 25px 30px;

border-left:5px solid #ccc;

}

 

.post blockquote p{padding:5px 0;}



.post table{

border: 1px #578fbd solid;

border-collapse: collapse;

border-spacing: 0;

margin:10px 0 20px;

}



.post table th{

padding:7px 10px 7px 5px;




 border: #fff 1px solid;

border-width: 0 0 1px 1px;

font-weight:bold;



background:#578fbd;

text-align:center;

}



.post table td{

padding:7px 5px;


border-width: 0 0 1px 1px;

background:#fff;
    vertical-align: middle;


}





.main_p table td{


border: #578fbd 1px solid;


}








.post dt{font-weight:bold;}



.post dd{padding-bottom:10px;}



.post img{max-width:100%;height:auto;}



img.aligncenter {

display: block;

margin:5px auto;

}



img.alignright, img.alignleft{

padding:4px;

margin:0 0 2px 7px;

display:inline;

}



img.alignleft{margin: 0 7px 2px 0;}



.alignright{float:right;}

.alignleft{float: left;}



#content strong {
color:#0052a6;
font-weight:bold;
font-size: 100%;
}




/* サイドバー　ウィジェット

*****************************************************/

section.widget, .widgetInfo{

/* margin: 0 0 20px;

padding: 10px 7px;

border:1px solid #dadada;

background: #fff;
*/

}

.widget_nav_menu {
	margin: 0 0 20px;

padding: 10px 7px;

border:1px solid #dadada;

background: #fff;
}

ul#menu-side-navigation a{
	text-decoration:none;
}

#banners img{



height:auto;

padding-bottom:10px;

}



section.widget h3{

clear:both;

margin:0 0 10px;

padding:5px 0;

font-size:100%;

font-weight:normal;

color: #333;

border-bottom:1px solid #ccc;

}



/*section.widget a{

display:block;

padding:3px 0 3px 13px;

text-decoration:underline;

background:url(images/arrow.png) no-repeat 0 50%;

}*/

section.widget_nav_menu a{

display:block;

padding:3px 0 3px 13px;

text-decoration:underline;

background:url(images/arrow.png) no-repeat 0 50%;

}




section.widget a:hover{

text-decoration:none;

background-position: 3px 50%;

}



#searchform input[type="text"]{

line-height:1.7;

height:24px;

width:100px;

vertical-align:bottom;

}





/* お知らせ　

-------------*/

.newsTitle{

clear:both;

margin:0 0 20px;

padding:5px 0;

font-size:100%;

color: #333;

border-bottom:1px solid #ccc;

}



.newsTitle h3{

float:left;

font-weight:normal;

}



.newsTitle p{

float:right;

padding:0 0 0 10px;

font-size:.8em;

background:url(images/arrow.png) no-repeat 0 50%;

}



.news p{

clear:both;

padding-bottom:2px;

border-bottom: 1px solid #ccc;

}



.news p:last-child{border:0;}



.news p a{

display:block;

padding:5px 0;

color:#333;

font-style:italic;

font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;

}



.news a span{

color:#515151;

font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;

}



.news span{padding-left:10px;}



.news a:hover span{color:#777;}







/* フッター

*****************************************************/

#footer ul{

font-size:12px;

padding:10px 0 30px 0;

}



#footer ul li{

display:inline-block;

vertical-align:text-top;

text-align:left;

padding:5px 0;

margin-right:30px;

background:url(images/arrow.png) no-repeat 0 12px;

}



#footer ul li	a{

display:block;

padding:0 0 0 12px;

overflow:hidden;

}



#footer ul li	a:hover{text-decoration:underline;}



#footer ul li li{

display:block;

padding:0;

margin:0 0 0 10px;

background-position:0 5px;

}





*:first-child+html #footer ul li{display:inline;}

*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}



#copyright{

clear:both;

padding:10px;

text-align:center;

font-size:75%;

zoom:1;

color:#a0a0a0;

background:#ebebeb;

}





/* page navigation

------------------------------------------------------------*/

.pagenav{

clear:both;

width: 100%;

height: 30px;

margin: 5px 0 20px;

}



.prev{float:left}



.next{float:right;}



#pageLinks{

clear:both;

color:#2a588b;

text-align:center;

}





/* トップページ 最新記事3件

------------------------------------------------------------*/

.thumbWrap{

width:735px;

margin:20px -25px 20px 0;

}


@media print, screen and (min-width:741px){
.thumbWrap li{

float:left;

width: 710px;

margin:0 25px 0 0;

padding:2px 0 40px;

background:none;



}
}


.top_img{
	float:left;
	margin-right: 20px;
}



/* 最新記事リンク */

ul.thumb h3{

margin-top:10px;

padding:1px;

font-weight:normal;

font-size:100%;

text-align:center;

background:#25252;

border:1px solid #dadada;

margin-bottom:20px;

}



ul.thumb h3 span{

display:block;

padding:2px 3px;

background:#eff5f9;

text-align:left;

}



ul.thumb h3 a{color:#252525;}



ul.thumb h3:hover span{background:#fff;}





/* メインメニュー　PC用

------------------------------------------------------------*/

@media print, screen and (min-width: 1025px){

nav div.panel{
font-size: 130%;

display:block !important;

float:left;

}



a#menu{display:none;}		

	

nav#mainNav{

clear:both;

position:relative;

z-index:200;

font-size: 16px;

}



nav#mainNav ul li{

float: left;

position: relative;

border-right:1px dotted #ccc;

width: 158.8px;

font-size: 75%;

}



nav#mainNav ul li:first-child{border-left:1px dotted #ccc;}



nav#mainNav ul li a{



display: block;

text-align: center;

_float:left;

color:#333;

height:34px;

line-height:34px;

padding:25px 0px 5px;

}



nav#mainNav ul li a span,nav#mainNav ul li a strong{

color: #686868;

display:block;

font-size:90%;

font-weight: 600;

line-height:1.4;

}



nav#mainNav ul li a span{

font-size:70%;

color:#578fbd;

}



nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{

background:#DEECF4;

}



nav#mainNav ul ul{width:160px;}



nav#mainNav ul li ul{display: none;}



nav#mainNav ul li:hover ul{

display: block;

position: absolute;

top:50px;

left:-2px;

z-index:500;

}



nav#mainNav ul li li{

padding:0 0 0 10px;

margin:0;

float: none;

height:40px;

line-height:40px;

width:160px;

background:#eff5f9;

border:0;

border-bottom:1px dotted #ccc;

}



nav#mainNav ul li li:first-child{border-left:0;}



nav#mainNav ul li li a{

width:100%;

height:40px;

padding:0;

line-height:40px;

font-size:95%;

text-align:left;

}



nav#mainNav ul li li a span{padding:0 10px;}



nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#578fbd;}



nav#mainNav ul li:hover ul li:last-child{border:0;}

}





/* メインメニュー iPadサイズ以下から

------------------------------------------------------------*/

@media only screen and (max-width:1024px){

	nav#mainNav{
	position:relative;

	clear:both;

	width:100%;

	margin:80px auto 10px;

	background:#eff5f9;

	border-top:1px dotted #ccc;

	border-bottom:1px dotted #ccc;

	}

	

	nav#mainNav a.menu{

	width:100%;

	display:block;

	height:37px;

	line-height:37px;

	font-weight: bold;

	text-align:left;

  background: url(images/menuOpen.png) no-repeat 5px 8px;

	}

	

	nav#mainNav a#menu span{padding-left:35px;}

	

	nav#mainNav a.menuOpen{

	background: url(images/menuOpen.png) no-repeat 5px -34px;

	}

	

	nav#mainNav a#menu:hover{cursor:pointer;}

	

	nav .panel{

	display: none;

	width:100%;

	position: relative;

	right: 0;

	top:0;

	z-index: 1;

	}



	nav#mainNav ul{margin:0;padding:0;}



	nav#mainNav ul li{

	float: none;

	clear:both;

	width:100%;

	height:auto;

	line-height:1.2;

	}



	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}

	nav#mainNav ul li li:first-child{border-top:0;}



	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{

	display: block;

	padding:15px 10px;

	text-align:left;

	border-bottom:1px dashed #ccc;

	background:#fff;

	}

	

	nav#mainNav ul li:last-child a{border:0;}

	nav#mainNav ul li li:last-child a{border:0;}

	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}



 	nav#mainNav ul li a span{display:none;}

 

	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{

	background:#eff5f9;

	}



	nav#mainNav ul li li{

	float:left;

	border:0;

	}



	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{

  padding-left:40px;

	background:#fff url(images/sub1.png) no-repeat 20px 18px;}



	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{

		background:#eff5f9 url(images/sub1.png) no-repeat 20px -62px;}

	

	nav#mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}

	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#eff5f9 url(images/subLast.png) no-repeat 20px -65px;}

	

	nav div.panel{float:none;}

	

	#mainImg{margin-bottom:20px;}

}





/* 959px以下から 1カラム表示

------------------------------------------------------------*/

@media only screen and (max-width: 959px){

  #wrapper, #header, .inner{width:100%;}
  

	#header h1, #header p{padding:5px 10px;}

	#header h2{padding:20px 10px 0;}

	#header ul{padding:20px 10px 10px;}





	nav#mainNav ul, .thumbWrap{margin:0 auto;}

	nav#mainNav ul ul{padding:0;}



	nav div.panel{float:none;}

	

	#mainImg img{width:98%;height:auto;}



	#content, #sidebar{

	clear:both;

	width:95%;

	float:none;

	margin:0 auto;


	}

	

	#banners{width:100%;margin:0 auto;text-align:center;}

	#banners p{display:inline;}

  #banners p img{width:100%;height:auto;}

	

	section.widget_search{text-align:center;}



	#footer{margin:0;border:0;text-align:center;}

	

	#footer ul{	text-align:center;	}

	#footer ul li{margin-right:20px;}

	

	.thumbWrap{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	width:100%;

	margin:0 auto;

	padding-top:20px;

	overflow:auto;

  border:1px solid #dadada;

	}

	.thumbWrap ul.thumb li{width:96%; float:left;margin:0 1% 0 2%;}

  .thumbWrap img{width:100%;height:auto;}

}

@media only screen and (min-width:781px){
#footer ul li.sp_nav_menu {
	display: none;
}
}

@media only screen and (max-width: 780px){
	div.forPC {
		display: none;
	}
	#wrapper01{
		margin-top:0!important;
		width:100%!important;
	}
}
@media only screen and (max-width: 740px){
	p.namikiri_img,
	p.namikiri_txt {
		float:none!important;
		margin: 0 auto!important;
	}
	.namikiri_img {
		width:300px;
}
.btn_area {
	text-align: center;
}
}

/* 幅644px以下から ヘッダー等微調節

------------------------------------------------------------*/

@media only screen and (max-width: 740px){

	#header{text-align:center; margin:0;}

	#header h2,#header ul{float:none;}

	#headerInfo{width:250px;margin:0 auto;}

	img.alignright, img.alignleft{display: block;	margin:5px auto;}

	.alignright,.alignleft{float:none;}

	#footer ul{text-align:left;padding:15px;}

	#footer ul ul{padding:0;}
	
	
	#wrapper01{
		margin-top:0!important;
		width:100%!important;
	}
	
	p.namikiri_img,
	p.namikiri_txt {
		margin: 0!important;
	}
	

}




#wrapper01{
		margin-top:-70px;
		margin: 0 auto;
    width: 960px;
	}






div.about_namikiri {

overflow: hidden;

margin-top: 10px;

margin-bottom: 30px;

}



div.about_namikiri p.namikiri_img {

float: left;

margin-right: 10px;

}



div.about_namikiri p.namikiri_txt {

float: right;

margin-top: 5px;

max-width: 400px;



}



div.news_area {

margin: 10px;

}

div.news_area li {

padding: 10px;

border-bottom: 2px dashed #ccc;

}





div.btn_area {

overflow: hidden;

margin: 0 auto 30px;

}



div.btn_area img {

border: 1px solid #ccc;

}

div.btn_area a {

display: inline-block;

}
div.btn_area a:hover img {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}



div#sidebar img {

margin: 0 auto;

border: 1px solid #ccc;

}



div.top_news {

max-width: 750;

}

div.top_news img {

max-width: 100%;

height: auto;

}

#sidebar img.ad {

border: 1px solid #ccc;

}



.textwidget img{
	width:100%!important;
}





@media (min-width: 741px) {
	
	
#switch {
   
    margin-right: -80px!important;
}	
	
	
	
	
	
.event_box {
    float: left;
}

.event_txt {
	margin-bottom: 20px;
}
	
.execphpwidget img{
	width:225px!important;
}
	
	
	
.h3_ttl p{
	padding-top:13px;
	margin-left:15px;
	color:#315d82;
	font-size:115%;
}


.main_p img{
	vertical-align:middle;
}

.ttl_sub{

	padding:10px;
	margin:20px auto;
	border:solid 1px #CCCCCC;
	font-weight:bold;
	color:#315d82;
}
h4.ttl_sub {
	max-height: 46px;
}

.pdf{
	width:580px;
	margin:0 auto;
	font-size:77%;
}
.pdf img{
	float:left;
	margin-right:10px;
}
	
	
	
	
	
	
	
	
	
  .forSP {
    display: none !important;
  }
  
  .banner img{
	  width:225px!important;
  }
  
  #floor_tab{
	width:580px;
	height:42px;
	margin:0 auto 0;
	padding:0;
}

#floor_bg{
	background:#ececd7;
	width:700px;
	margin:0 auto 20px;
}

#floor_btn{
	width:560px;
	margin:0 auto;
	padding:15px 10px;
}
#floor_btn img{
	margin-right:5px;
}

#floor_map{
	width:560px;
	margin:0 auto;
	padding-bottom:18px;
}

#link_hall{
	width:580px;
	text-align:center;
	margin:-10px auto;
	font-size:92%;
	line-height:2.0;
}

#hall_pic{
	width:390px;
	float:left;
	font-size:92%;
}

#hall_ex{
	width:270px;
	overflow: hidden;
	margin-bottom:20px;
	font-size:92%;
	min-height: 200px;
}

#hall_detail{
	width:240px;
	margin:10px auto;
	padding:10px;
	border:1px solid #CCCCCC;
}
#hall_detail img{
	vertical-align:middle;
}
#hall_detail a:hover img {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.hall_txt{
	width:688.4px;
	margin:0px 0px 0px 0px;
	font-size:92%;
	line-height:2.0;
}

.tr_hall{
	width:580px;
	margin:0 auto 10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	line-height:1.4;
}
.tr_hall th{
	padding:7px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	background:#f6f5e9;
	font-weight:normal;
}
.tr_hall td{
	padding:7px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:center;
}

#popup{
	width:580px;
	margin:0 auto;
	text-align:center;
}

}





@media print {
  .forSP {
    display: none !important;
  }
}




@media screen and (max-width: 740px) {
	
	
.execphpwidget img{
	width:100%!important;
}
	
	
	
	


.event_note img{
	width:100%!important;
}




.event_note{
	float:left;
	width:100%!important;
}




.tr_rent02{
	width:100%!important;
}















.pic01 {
	width:100%!important;
	float:right;
	text-align:left;
}

.pic02 {
	width:100%!important;
	float:left;
	text-align:left;
}

.pic03 {
	width:100%!important;
	float:left;
	text-align:left;
}


















	



.card{
	width:100%!important;
	text-align:center;
	margin-right: auto;
}
	
.card_ex{

	
}

.card_box{
	padding:10px;
	width:100%!important;
	border:solid 1px #CCCCCC;
	text-align:center;
	margin:15px 0;
}

.card_ex_01{
	width:100%!important;
}

.card_ex_02{
	background:#DEF3FE;
	width:100%!important;
	margin-bottom:15px;
}








	
	
	
	.event_pic{
	width:100%!important;
	float:left;
	text-align:left;
}
.event_pic_txt{
	font-size:85%;
	padding:5px 5px 5px 5px;
}
.event_pic2{
	width:120px!important;
	float:right;
	text-align:left;
}

.event_pic3{
	width:225px!important;
	    float: none!important;
	text-align:left;
}

.event_pic4{
	width:305px!important;
	float:right;
	text-align:right;
}

.event_pic5{
	width:205px!important;
	float:left;
	text-align:left;
}

.event_pic6{
	width:205px!important;
	float:right;
	text-align:right;
}

.event_pic7{
	width:175px!important;
	float:right;
	text-align:right;
}

.event_pic8{
	width:93px!important;
	float:right;
	text-align:right;
}

.event_txt{
	width:100%!important;
	float:right;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.h3_ttl p{
	padding-top:13px;
	margin-left:15px;
	color:#315d82;
	font-size:115%;
}


.main_p img{
	vertical-align:middle;
}

.ttl_sub{
	overflow:hidden;
	width:95%;
	padding:10px;
	margin:20px auto;
	border:solid 1px #CCCCCC;
	font-weight:bold;
	color:#315d82;
}

.pdf{
	width:100%;
	margin:0 auto;
	font-size:77%;
}
.pdf img{
	float:left;
	margin-right:10px;
}	
	
	
	
	
	
	
	
	
	
	
  .forPC {
    display: none !important;
  }
  
  .btn_area img{
	  width:99.5%!important;
  }
  
  .namikiri_img img{
	  width:100%!important;
  }
  
  div.about_namikiri p.namikiri_img {
    float: left;
    margin-right: 0px!important;
}



#floor_tab{
	width:100%;
	height:42px;
	margin:0 auto 0;
	padding:0;
}

#floor_bg{
	background:#ececd7;
	width:100%;
	margin:0 auto 20px;
}

#floor_btn{
	width:100%;
	margin:0 auto;
	padding:15px 10px;
}
#floor_btn img{
	margin-right:5px;
}

#floor_map{
	width:100%;
	margin:0 auto;
	padding-bottom:18px;
}

#link_hall{
	width:100%;
	text-align:center;
	margin:-10px auto;
	font-size:92%;
	line-height:2.0;
}

#hall_pic{
	width:100%;
	float:left;
	font-size:92%;
}

#hall_ex{
	width:100%;
	float:right;
	margin-bottom:20px;
	font-size:92%;
}

#hall_detail{
	width:95%;
	margin:10px auto;
	padding:10px;
	border:1px solid #CCCCCC;
}
#hall_detail img{
	vertical-align:middle;
}

.hall_txt{
	width:100%;
	margin:0px 0px 0px 0px;
	font-size:92%;
	line-height:2.0;
}

.tr_hall{
	width:100%;
	margin:0 auto 10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	line-height:1.4;
}
.tr_hall th{
	padding:7px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	background:#f6f5e9;
	font-weight:normal;
}
.tr_hall td{
	padding:7px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:center;
}

#popup{
	width:100%;
	margin:0 auto;
	text-align:center;
}




}



table{
	width:100%!important;
}









#ticket_tab{
	width:100%;
	margin:0 auto 10px;
}

.ticket_p{
	width:100%;
	margin:0 auto;
}
.ticket_p img{
	vertical-align:middle;
}


.ticket_main{

	background:#f9f9f2;
	margin:20px auto;
	padding:10px;
	line-height:1.6;
} 

.ticket_main_txt{

	margin:10px auto;
	line-height:1.6;
}

.ticket_main_txt02{

	margin:10px auto;
	padding:10px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	line-height:1.6;
}

.btn_ticket{
	text-align:center;
	margin:20px auto 40px;
	line-height:2.0;
}

#guide{

	margin:10px auto;
	padding:10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	font-size:92%;
	line-height:1.6;
	vertical-align:top;
}

#guide td{
	padding:5px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	vertical-align:top;
}
#guide td img{
	float:left;
	margin-right:10px;
}

.flow{

	padding:10px;
	margin:10px auto;
	border:solid 1px #CCCCCC;
}
.ticket_num{
	padding:5px;
	background:#006699;
	font-weight:bold;
	color:#FFFFFF;
	margin-right:10px;
}
.ticket_ex{

	margin:10px auto 30px;
}
.ticket_ex img{
	float:left;
	margin-right:20px;
}	



















#event_ticket{

	margin:0 auto 10px;
	border:solid 1px #eaeaea;
}
#event_ticket p{
	padding:10px 10px 0 10px;
	font-size:84%;
}
#event_ticket p img{
	vertical-align:middle;
}

.event_ttl{

	background:url(../img/ttl_bg.gif) no-repeat;
}
.event_ttl p{
	padding-top:13px;
	color:#315d82;
	font-size:115%;
}

.event_ttl2{
	
	min-height:49px;
	background:url(../img/ttl_bg.gif) no-repeat;
}
.event_ttl2 p{
	padding-top:3px;
	margin-left:15px;
	color:#315d82;
	font-size:115%;
}

.event_box{
	padding-bottom:20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #9A9A9A;
	overflow:hidden;
}

.event_pic{
	width:210px;
	float:left;
	text-align:left;
}
.event_pic_txt{
	font-size:85%;
	padding:5px 5px 5px 5px;
}
.event_pic2{
	width:120px;
	float:right;
	text-align:left;
}

.event_pic3{
	width:225px;
	float:right;
	text-align:left;
}

.event_pic4{
	width:305px;
	float:right;
	text-align:right;
}

.event_pic5{
	width:205px;
	float:left;
	text-align:left;
}

.event_pic6{
	width:205px;
	float:right;
	text-align:right;
}

.event_pic7{
	width:175px;
	float:right;
	text-align:right;
}

.event_pic8{
	width:93px;
	float:right;
	text-align:right;
}

.event_txt{
	width:470px;
	float:left;
}

.event_txt table{
	width: 100%;
	margin:0 auto;
	font-size:92%;
	line-height: 1.5;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	text-align:left;
}
.event_txt table th{
	vertical-align:top;
	width:120px;
	padding: 10px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	background-color: #fbfbf3;
	text-align:left;
	font-weight:normal;
}
.event_txt table td{
	vertical-align:top;
	padding: 10px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
}
.event_txt table td img{
	vertical-align:middle;
	margin:0 5px 5px 0;
}

.event_txt_detail{
	padding:10px;
	background:#f7f7f2;
	margin:10px auto;
}

.event_txt_end{
	padding:10px;
	background:#FF6666;
	color:#FFFFFF;
}

.event_note{
	float:left;
	width:681px;
	margin-top:20px;
}

.event_note table{
	width: 100%;
	margin:0 auto;
	font-size:92%;
	line-height: 1.5;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align:left;
}

.event_sold{
	padding:10px;
	background:#ffdada;
	color:#993300;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

#event_month{
	
}
.btn_month{
	
	float:left;
	font-size:85%;
}	

#news{
	width: 80%;
	margin:0 0 auto;
	font-size:100%;
	line-height: 2.0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align:left;
}

.news_td1{
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:left;
}

.news_td2{
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:right;
}


























#tomo_tab{
	margin:0 auto 20px;
	width:100%;
}
#tomo_tab img {
	max-width:100%;
}

#tomo_ctg{

	margin:0 auto 10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
}

#tomo_ctg td{
	padding:7px;
	text-align:center;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
}
#tomo_ctg td.current{
	background:#f7f7e0;
}

.tomo_ctg_ttl{

	height:49px;
	background:url(../img/ttl_bg.gif) no-repeat;
	margin: 20px auto 20px;
}
.tomo_ctg_ttl p{
	padding-top:13px;
	margin-left:15px;
	color:#315d82;
	font-size:115%;
}

.tomo_ctg_table{

	margin:0 auto 20px;
	font-size:92%;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	text-align:left;
}

.tomo_ctg_table th{
	vertical-align:top;
	padding: 7px 10px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	background-color: #fbfbf3;
	text-align:center;
}
.tomo_ctg_table td{
	vertical-align:top;
	padding: 7px 10px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
}	


.card{
	width:180px;
	text-align:center;
	float:left;
}
	
.card_ex{


}

.card_box{
	padding:10px;
	width:280px;
	border:solid 1px #CCCCCC;
	text-align:center;
	margin:15px 0;
}

.card_ex_01{
	width:270px;
}

.card_ex_02{
	background:#DEF3FE;
	width:270px;
	margin-bottom:15px;
}
.card_ex_02 p{
	padding:10px;
}

.tomo_tokuten{

	margin:20px auto;
	padding:10px;
	border:solid 1px #CCCCCC;
}
.tokuten_ttl{
	background:#fff8d7;
	padding:5px;
	margin-bottom:10px;
}
.tokuten_ttl img{
	vertical-align:middle;
	margin-right:10px;
}
.tokuten_ex {
	text-indent:-1.2em;
	padding-left: 1.2em;
	font-size:92%;
	margin:0 auto 10px;

}














.border01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFD9D5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFD9D5;
}

.border02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFD9D5;
}

.border03 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DB5F0E;
}

.pic01 {
	width:190px;
	float:right;
	text-align:left;
}

.pic02 {
	width:395px;
	float:left;
	text-align:left;
}

.pic03 {
	width:190px;
	float:left;
	text-align:left;
}

.policy {
	text-indent:-1.3em;
	padding-left: 1.3em;
	font-size:92%;
}








#link_rent{
	width:100%;
	margin:10px auto;
	font-size:92%;
}

.line_02{
	line-height:2.0;
}

.apply_txt {
	text-indent:-1.3em;
	padding-left: 1.3em;
	margin-bottom:10px;
}

.rent_ex{
	
	margin:0 auto;
	font-size:92%;
}

.tr_rent{
	
	margin:0 auto 10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	line-height:1.4;
	font-size:87%;
}
.tr_rent, x:-moz-read-only {
	
	margin:0 auto 10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	line-height:1.4;
	font-size:90%;
}
.tr_rent th{
	padding:2px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	background:#f6f5e9;
	font-weight:normal;
	vertical-align:middle;
}
.tr_rent td{
	padding:2px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:center;
}
.tr_rent td.nleft{
	text-align:left;
}

.tr_rent02{
	width:280px;
	margin:0 auto 10px;
	border-top: 1px solid #c6c6c6;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c6c6c6;
	line-height:1.4;
	font-size:92%;
}
.tr_rent02 th{
	padding:2px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	background:#f6f5e9;
	font-weight:normal;
	vertical-align:middle;
}
.tr_rent02 td{
	padding:2px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:center;
}
.tr_rent02 td.alr{
	padding:2px;
	border-top: none;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: none;
	text-align:right;
}
.tr_rent02 td.nleft{
	text-align:left;
}

#rent_alt{
	
	margin:10px auto;
	padding:10px 15px;
	background:#F6F6F6;
	font-size:92%;
}


object{
	width:100%!important;
}






/*	フォントサイズ切り替え
--------------------------------------------------------------------------------------- */

#switch {
	width: 260px;
	height: 30px;
	margin: 10px 0 0 0;
	background: url(../images/switch_bg.gif) no-repeat;
	float: right;
}

#swc-ttl {
	margin: 7px 0 0 12px;
	float: left;
}

#fontSize {
	
 float: right;
     width: 160px;
}

#switch ul#fontSize li {
	float: left;
	cursor: pointer;
}

#switch ul#fontSize li.s {
	margin: 6px 5px 0 0;
}

#switch ul#fontSize li.m {
	margin: 3px 5px 0 0;
}




.t_center{
	text-align:center!important;
}
.t_right{
	text-align:right !important;
}

.t_left{
	text-align:center!important;
}
.t_bold{
	font-weight:bold!important;
}
.t_alt{
	color:#FF0000!important;
}

.t_10p{
	font-size:77%!important;
}
.t_12p{
	font-size:92%!important;
}
.t_15p{
	font-size:114%!important;
}
.t_20p{
	font-size:152%!important;
}

.t_red{
	color:#FF0000!important;
}

.t_blue{
	color:#003399!important;
}



/*スクロールバー表示させる*/
.stella_info::-webkit-scrollbar{ 
    width: 10px;
}
.stella_info::-webkit-scrollbar-thumb{ 
    background: #999;
    border-radius: 5px;
}
.stella_info::-webkit-scrollbar-track-piece:start{
    background: #ccc;
}
.stella_info::-webkit-scrollbar-track-piece:end{
    background: #ccc;
}



div.stella_content {
	max-width: 100%;
}
div.stella_info {
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	height: 200px;
	overflow-y: scroll;
}
div.info_list {
	overflow: hidden;
	margin-bottom:5px;
}
div.info_tit {
	float: left;
}
div.info_data {
	float:right;
}
div.info_post {
	overflow:hidden;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
div.info_post:last-child {
	border: none;
}

ul.news_list {
	padding-left:0;
}
ul.news_list li {
	list-style:none;
	background:url(img/listmark.png) no-repeat 0 15px;
	padding-left: 10%;
	width:90%;
	position:relative;
}
ul.news_list li span {
	vertical-align:top;
	position:absolute;
	left:20px;
	margin-right:20px;
}
ul.news_list li a {
	display:inline-block;
	padding-left:7%;
	width:90%;
}


table.drink {
	max-width:420px;
	width:100%;
	float:left;
}
div.drink_image {
	width:190px;
	float:right;
	padding-right:30px;
	margin-top:110px;
}
@media only screen and (max-width:696px){
	table.drink,
	div.drink_image {
		float:none;
		margin:0 auto;
		padding: 10px;
	}
}
div.ticket_flow {
	max-width:600px;
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
/*@media only screen and (max-width:641px){
	div.ticket_flow img {
		width: 30%;
	}
}*/